<template>
<div>
    <slot>
    	<div class="product">
				<div class="comm">
					<h1>产品展示</h1>
					<span>Company profile</span>
				</div>
				<ul class="clear pad">
					<li v-for='(item,index) in productList'><a :href="item.url"><img :src="item.src"></a></li>
					
					<div class="clear"></div>
				</ul>
			
			</div>
            </slot>
</div>
</template>
<script>
export default{
  name:'product',
  data(){
      return {
          productList:[
              {
                  url:'http://www.baidu.com',
                  src:require('../assets/produ.jpg')
              },
              {
                  url:'http://www.baidu.com',
                  src:require('../assets/produ.jpg')
              },
              {
                  url:'http://www.baidu.com',
                   src:require('../assets/produ.jpg')
              },
              {
                  url:'http://www.baidu.com',
                   src:require('../assets/produ.jpg')
              },
          ]

      }
  }
}   
</script>
<style></style>
